<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />

    <!-- <Zoom></Zoom> -->

    <div>
      <span>计数：{{ count }}</span> <br>
    <button @click="add">加一</button>
    </div> 
    <div>
      <span>我是父组件，我获取到的全局变量是：{{ state_shareNum }}</span>
      <Com1></Com1>
      <Com2></Com2>
    </div>
  </div>
  
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
import Com1 from "./com-1.vue";
import Com2 from "./com-2.vue";
import Zoom from './zoom.vue';

export default {
  components: { 
    Com1,
    Com2,
    Zoom 
  },
  data:{
    return:{
      count:0
    }
  },
  methods:{
    add(){
      this.count ++
    }
  }
}
</script>

<style>

</style>
